<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta name="google" value="notranslate"/>
        <meta charset="utf-8"></meta>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" ></meta>
        <!-- Apple devices fullscreen -->
        <meta name="apple-mobile-web-app-capable" content="yes" ></meta>
        <!-- Apple devices fullscreen -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" ></meta>

        <title>Servialvid - Inicio de sesión</title>

        <!-- Bootstrap -->
        <link rel="stylesheet" href="css/bootstrap.min.css"></link>
        <!-- Bootstrap responsive -->
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css"></link>
        <!-- icheck -->
        <link rel="stylesheet" href="css/plugins/icheck/all.css"></link>
        <!-- Theme CSS -->
        <link rel="stylesheet" href="css/style.css"></link>
        <!-- Color CSS -->
        <link rel="stylesheet" href="css/themes.css"></link>

        <!-- Servlets -->
        <script src="js/servlet.js"></script>

        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>

        <!-- Nice Scroll -->
        <script src="js/plugins/nicescroll/jquery.nicescroll.min.js"></script>
        <!-- Validation -->
        <script src="js/plugins/validation/jquery.validate.min.js"></script>
        <script src="js/plugins/validation/additional-methods.min.js"></script>
        <!-- icheck -->
        <script src="js/plugins/icheck/jquery.icheck.min.js"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js"></script>
        <script src="js/eakroko.js"></script>

        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.ico" ></link>
        <!-- Apple devices Homescreen icon -->
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" ></link>


    </h:head>
    <h:body class='login'>        
        <div class="wrapper">
            <h1 style="text-align: center;">                
                <img src="img/logo-big.png" alt="" class='retina-ready' width="59" height="49"></img>
                SERVIALVID
            </h1>
            <div class="login-body">
                <h2><p style="text-align: center;">Iniciar sesión</p></h2>
                <form action="Login" method="post" class='form-validate' id="test">
                    <div class="control-group">
                        <div class="email controls">
                            <input type="text" name='adminID' placeholder="Número de cédula" class='input-block-level' onkeypress="return onlyNumbers(event)" required="true" pattern="[0-9]{10}"></input> <!--data-rule-required="true" data-rule-email="true"-->
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="pw controls">
                            <input type="password" name="adminPassword" placeholder="Contraseña" class='input-block-level' onkeypress="return onlyNumbersAndLetters(event)" required="true"></input> <!--data-rule-required="true"-->
                        </div>
                    </div>
                    <div class="submit">                        
                        <input type="submit" value="Iniciar" class='btn btn-primary'></input>
                        <br>                                        
                        </br>
                        <h:outputText value="#{message}"/>
                        <br>                                        
                        </br>    
                    </div>
                </form> 
            </div>
        </div>
    </h:body>

</html>

